    <div class="app-content-body app-content-full fade-in-up" ng-class="{'h-full': app.hideFooter }">
        <div class="hbox hbox-auto-xs hbox-auto-sm bg-light " ng-init="vm.init();">
            <div class="col w b-r">
                <div class="vbox">
                    <div class="wrapper b-t">
                        <span class="font-bold">数据库连接</span>
                    </div>
                    <div class="row-row">
                        <div class="cell scrollable hover">
                            <div class="cell-inner">
                                <div class="list-group no-radius no-border no-bg m-b-none">
                                    <a ng-repeat="item in groups" class="list-group-item m-l hover-anchor b-a no-select" ng-class="{'focus m-l-none': item.selected}"
                                       ng-click="selectGroup(item)">
                                        <span class="block m-l-n" ng-class="{'m-n': item.selected }">{{ item.dbName ? item.dbName : 'Untitled' }}</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col w-lg lter b-r">
                <div class="vbox">
                    <div class="wrapper-xs b-b">
                        <div class="input-group m-b-xxs">
                            <span class="input-group-addon input-sm no-border no-bg"><i class="icon-magnifier text-md m-t-xxs"></i></span>
                            <input type="text" class="form-control input-sm no-border no-bg text-md" placeholder="{{group.dbName ? group.dbName : 'All TABLES'}}" ng-model="query">
                        </div>
                    </div>
                    <div class="row-row">
                        <div class="cell scrollable hover">
                            <div class="cell-inner">
                                <div class="m-t-n-xxs">
                                    <div class="list-group list-group-lg no-radius no-border no-bg m-b-none">
                                        <a ng-repeat="item in items |filter:query " class="list-group-item m-l" ng-class="{'select m-l-none': item.selected }" ng-click="selectItem(item)">
                                      <span class="block text-ellipsis m-l-n text-md" ng-class="{'m-l-none': item.selected }">
                                        {{ item.tableName }}
                                      </span>
                                        </a>
                                    </div>
                                </div>
                                <div class="text-center pos-abt w-full" style="top:50%;" ng-hide="(items | filter:{group:filter} | filter:query).length">请选择左侧的数据库连接配置</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col bg-white-only">
                <div class="vbox">
                    <div class="wrapper-sm b-b">
                        <div class="m-t-n-xxs m-b-n-xxs m-l-xs">
                            <a class="btn btn-xs btn-success" ng-disabled="formValidate.$invalid"   ng-click="vm.execute()">执 行</a>
                            <a class="btn btn-xs btn-success" ng-disabled="formValidate.$invalid"   ng-click="vm.tableFieldInfo()">表字段配置</a>
                        </div>
                    </div>
                    <div class="row-row">
                        <div class="cell">
                            <div class="cell-inner">
                                <div class="wrapper-lg">
                                    <form name="formValidate" class="form-horizontal form-validation">
                                        <div class="form-group m-b-sm" >
                                            <label class="col-sm-3 control-label">项目所在目录</label>
                                            <div class="col-sm-9">
                                                <input type="text" class="form-control"  ng-model="vm.config.projectDir" placeholder="请输入项目所在目录,例如:F:/Mybatis-test-generator" required>
                                            </div>
                                        </div>
                                        <div class="form-group m-b-sm"  >
                                            <label class="col-sm-3 control-label">表名</label>
                                            <div class="col-sm-9">
                                                <input type="text" ng-readonly="true" placeholder="选择左侧表名" class="form-control"  ng-model="vm.config.tableName" required>
                                            </div>
                                        </div>
                                        <div class="form-group m-b-sm"  >
                                            <label class="col-sm-3 control-label">实体类包名</label>
                                            <div class="col-sm-9">
                                                <input type="text" class="form-control" placeholder="com.csii.cms.service.company.vo" ng-model="vm.config.modelPackage" required>
                                            </div>
                                        </div>
                                        <div class="form-group m-b-sm"  >
                                            <label class="col-sm-3 control-label">类名</label>
                                            <div class="col-sm-9">
                                                <input type="text" class="form-control" placeholder="VoCompany"  ng-model="vm.config.domainObjectName" required>
                                            </div>
                                        </div>
                                        <div class="form-group m-b-sm" >
                                            <label class="col-sm-3 control-label">DAO接口包名</label>
                                            <div class="col-sm-9">
                                                <input type="text" class="form-control" placeholder="com.csii.cms.service.company.dao" ng-model="vm.config.clientPackage" required>
                                            </div>
                                        </div>
                                        <div class="form-group m-b-sm" >
                                            <label class="col-sm-3 control-label">DAO接口映射文件包名</label>
                                            <div class="col-sm-9">
                                                <input type="text" class="form-control" placeholder="com.csii.cms.service.company.dao.sqlmap" ng-model="vm.config.mapPackage" required>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
